
      <div class="row">
        <div class="col-md-12">
          <div class="card card-outline card-info">
            <div class="card-header">
              <h3 class="card-title">
                Bootstrap WYSIHTML5
                <small>简单便捷</small>
              </h3>
              <!-- tools box -->
              <div class="card-tools">
                <button type="button" class="btn btn-tool btn-sm" data-card-widget="collapse" data-toggle="tooltip"
                        title="折叠">
                  <i class="fas fa-minus"></i></button>
                <button type="button" class="btn btn-tool btn-sm" data-card-widget="remove" data-toggle="tooltip"
                        title="移除">
                  <i class="fas fa-times"></i></button>
              </div>
              <!-- /. tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body pad">
              <div class="mb-3">
                <textarea class="textarea" placeholder="在这里填写内容"
                          style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
              </div>
              <p class="text-sm mb-0">
                编辑器<a href="https://github.com/summernote/summernote">文档和许可证
                信息</a>。
              </p>
            </div>
          </div>
        </div>
        <!-- /.col-->
      </div>
      <!-- ./row -->
      
      
<!-- Summernote -->
<script src="{{ ADMIN_PUBLIC_PATH }}/plugins/summernote/summernote-bs4.min.js"></script><script src="../../plugins/summernote/lang/summernote-zh-CN.min.js"></script>
<script>
  $(function () {
    // 夏天的随笔
    $('.textarea').summernote({lang : 'zh-CN'})
  })
</script>